<template>
  <div>
    <!-- <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
        <el-tab-pane label="档案信息" :name="0"></el-tab-pane>
       
        <el-tab-pane label="申请过程" :name="2"></el-tab-pane>
    </el-tabs> -->
    <TabChange v-model="activeName" @tab-click="handleClick">
      <template #child>
        <TabItem v-model="activeName" :isBottomLine="true" name="档案信息" :data="0"></TabItem>
        <TabItem v-model="activeName" :isBottomLine="true" name="申请过程" :data="2"></TabItem>
      </template>
    </TabChange>
    <archivalInfo v-if="activeName==0" :nowRowData="rowData"></archivalInfo>
    <!-- <addChainInfo v-if="activeName==1" :nowRowData="rowData" :code="4003"></addChainInfo> -->
    <applyProcess v-if="activeName==2" :nowRowData="rowData"></applyProcess>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive, toRefs, onMounted} from 'vue'
import archivalInfo from './archivalInfo/index.vue'
import applyProcess from './applyProcess/index.vue'
import TabChange from '@/views/aplid/TabChange/index.vue'
import TabItem from '@/views/aplid/TabChange/components/TabItem.vue'
// import addChainInfo from './addChainInfo/index.vue'
let props = defineProps({
    rowData:{
        type:Object,
        default:()=>({})
    }
})

let activeName = ref(0)
const handleClick = () =>{}
</script>
<style scoped lang="scss">
</style>